<template>
  <div class="main w clearfix">
    <VideoInfo v-for="video in videoFondList" :key="video.id" :video="video"/>
  </div>
</template>
<script setup lang="ts">
import VideoInfo from '@/components/VideoInfo.vue'
import {useVideoStore} from '@/stores'
import {computed} from 'vue'

const store = useVideoStore()

let videoFondList = computed(() => store.videoFondList)
</script>

<style lang="less" scoped>
.main {
  margin-top: 30px;
}
</style>
